Created Badge component #2861

Props:

• variant: Determines the badge style (sm or lg).
• color: Supports primary, success, and error colors (default: primary).
• isVisible: Controls visibility of the badge (default: true).
• badgeContent: Numeric or textual content (applies to lg variant).
• maxContent: Specifies the maximum number to display, e.g., 99+ (default: 10).
• isZeroShown: Toggles visibility of 0 content for the lg variant (default:false).

Examples:

• variant ='lg'
• badgeContent='7'
• rest props by default

• variant = 'sm'

• color = 'success'

• color='error'

• variant ='lg'
• color ='success'
• maxContent ='99'

• variant ='lg'
• badgeContent='7'
• color = 'error'

• variant ='lg'
• badgeContent='0'
• isZeroShown

• Implemented Badge component.
• Added prop types and default values.
• Integrated component into Storybook with examples.
• Verified rendering and behavior through unit tests.